<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			body{
				background-color: #eee;
			}
			.box{
				width: 1000px;
				height: 600px;
				margin: 0 auto
			}
			.box div{
				width: 240px;
				height: 295px;
				background-color: white;
				float: left;
				margin: 0 10px 10px 0
			}
			img{
				display: block;
				margin: 0 auto
			}
			p{
				text-align: center;
			}
			img{
				height: 100px;
				width: 100px;
				float: left;
			}
			.a{
				overflow: auto;
			}
		</style>
	</head>
	<body>
		<div class="a">
			<img src="img/小米.png" alt="" />
		</div>
		<center><h1>小米商城</h1></center>
		<div class="box">
			<div>
				<img src="img/01.webp" alt="" />
				<p>xiaomi15uitra</p>
				<p>6499</p>
			</div>
			<div>
				<img src="img/02.webp" alt="" />
				<p>redmik80</p>
				<p>2499</p>
			</div>
			<div>
				<img src="img/03.webp" alt="" />
				<p>redmiturbo4</p>
				<p>1999</p>
			</div>
			<div>
				<img src="img/04.webp" alt="" />
				<p>xiaomi15</p>
				<p>4199</p>
			</div>
			<div>
				<img src="img/05.webp" alt="" />
				<p>xiaomi15</p>
				<p>4199</p>
			</div>
			<div>
				<img src="img/06.webp" alt="" />
				<p>redmi14c</p>
				<p></p>
				<p>499</p>
			</div>
			<div>
				<img src="img/07.webp" alt="" />
				<p>xiaomi15pro</p>
				<p>4999</p>
			</div>
			<div>
				<img src="img/08.webp" alt="" />
				<p>xiaomi15定制版</p>
				<p>4699</p>
			</div>
		</div>
	</body>
</html>